/*±ë¸ç QQ133660398
20160105
*/
*{ margin:0; padding:0;}
body { font-family: 'Microsoft Yahei',"΢ÈíÑźÚ",arial,"ËÎÌå",sans-serif;}
.ymk { width:1280px; margin:0 auto;}
.ymk2 { width:1280px; margin:0 auto; overflow:hidden}
.ymk p { padding-bottom:20px;}
.main { width: 100%; }
.main-top { background:#fff url(images/top_bg.png); background-repeat: repeat; height: 153px; }
.header { width: 1280px; margin:0 auto; }
.logo { float: left; margin-top:50px; }
#in-bg0 {background: url(images/bg_in0.jpg) no-repeat top center;height: 592px;margin-top: -152px;}
#in-bg1 {background: url(images/bg_in1.jpg) no-repeat top center;height: 243px;margin-top: -152px;}
.nav { float: right; height:56px; margin-top:98px; margin-right:50px; }
.on {background:#000; color:#fff;}
.nav a.on { color:#fff;}
.nav li { display:inline; float:right;}
.nav li a { text-decoration:none;font-family: 'Fjalla One', sans-serif; font-size:18px; height:56px; line-height:56px;font-weight: normal; padding:0px 13px; display:block; color:#000; font-weight:bold;}
.nav li a:hover {background:#000; color:#fff;}
#fem { height: 115px;background: #e7e7e7; overflow:hidden }
.fem-left { background-color: #e84c3d; height: 76px; width: 76px; background-image: url(images/about-icon.png); background-repeat: no-repeat; margin: 20px 30px 0 20px; border-radius:50%;background-position: center center; float:left;}
.lmmc { float: left; margin-top:45px;font-size: 25px;color: #202628; font-weight:bold }
.mail-box {float: right;margin: 45px 50px 0 0;}
.mail-box img {vertical-align: middle;}
.mail-box a {font-size: 15px;line-height: 25px;text-decoration: none;color: #e84c3d;}
.mail-box a:hover {color: #767c7e;}.wzms { font-size: 16px; line-height: 22px; margin-top:40px;}
#div_30 {float: left;width: 29%;margin-right: 4%;}
#div_33 {float: left;width: 33%;margin-top: 70px;}
#div_25 {float: left;width: 25%;}
#div_66 {float: left;width: 60%;margin-right: 6%;}
#div_70 {float: left;width: 70%;padding: 3% 0 0 0;}
.hp_text {font-size: 15px;line-height: 25px;color: #767c7e;}
.hp_text p {padding: 0 0 20px 0;}

.hp_text a { text-decoration:none; color:#e84c3d}
#div_66 p {padding: 0 0 20px 0;font-size: 16px;line-height: 22px;}
.contact-box {
border-bottom: #e7e7e7 solid 1px;
padding: 0 0 0 45px;
margin-top: 15px;
}
.contact-box a { color:#595f72}

.contact-box p {
font-size: 14px;
line-height: 22px;
color: #767c7e;
}
strong {
font-weight: 700;
}
#tech_icons {
width: 76px;
height: 76px;
border-radius: 38px;
float: left;
margin: 20px 30px 0 20px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
-webkit-transition: -webkit-transform 2s, -webkit-border-radius 2s, background 2s, color 2s, font-weight 2s;
-moz-transition: -moz-transform 2s, -moz-border-radius 2s, background 2s, color 2s, font-weight 2s;
-o-transition: -o-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
-ms-transition: -ms-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
background-color: #e84c3d;
background-image: url(images/tech.png);
background-repeat: no-repeat;
background-position: top center;
}
#prod_icons {
width: 76px;
height: 76px;
border-radius: 38px;
float: left;
margin: 20px 30px 0 20px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
-webkit-transition: -webkit-transform 2s, -webkit-border-radius 2s, background 2s, color 2s, font-weight 2s;
-moz-transition: -moz-transform 2s, -moz-border-radius 2s, background 2s, color 2s, font-weight 2s;
-o-transition: -o-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
-ms-transition: -ms-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
background-color: #e84c3d;
background-image: url(images/prod.png);
background-repeat: no-repeat;
background-position: center center;
}
#applications_icons {
width: 76px;
height: 76px;
border-radius: 38px;
float: left;
margin: 20px 30px 0 20px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
-webkit-transition: -webkit-transform 2s, -webkit-border-radius 2s, background 2s, color 2s, font-weight 2s;
-moz-transition: -moz-transform 2s, -moz-border-radius 2s, background 2s, color 2s, font-weight 2s;
-o-transition: -o-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
-ms-transition: -ms-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
background-color: #e84c3d;
background-image: url(images/app.png);
background-repeat: no-repeat;
background-position: center center;
}
#contact_icons {
width: 76px;
height: 76px;
border-radius: 38px;
float: left;
margin: 20px 30px 0 20px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
-webkit-transition: -webkit-transform 2s, -webkit-border-radius 2s, background 2s, color 2s, font-weight 2s;
-moz-transition: -moz-transform 2s, -moz-border-radius 2s, background 2s, color 2s, font-weight 2s;
-o-transition: -o-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
-ms-transition: -ms-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
background-color: #e84c3d;
background-image: url(images/cont.png);
background-repeat: no-repeat;
background-position: center center;
}
#hp_icons1 {
width: 76px;
height: 76px;
border-radius: 38px;
float: left;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
-webkit-transition: -webkit-transform 2s, -webkit-border-radius 2s, background 2s, color 2s, font-weight 2s;
-moz-transition: -moz-transform 2s, -moz-border-radius 2s, background 2s, color 2s, font-weight 2s;
-o-transition: -o-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
-ms-transition: -ms-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
background-color: #e84c3d;
background-image: url(images/tech.png);
background-repeat: no-repeat;
background-position: top center;
}
#hp_icons2 {
width: 76px;
height: 76px;
border-radius: 38px;
float: left;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
-webkit-transition: -webkit-transform 2s, -webkit-border-radius 2s, background 2s, color 2s, font-weight 2s;
-moz-transition: -moz-transform 2s, -moz-border-radius 2s, background 2s, color 2s, font-weight 2s;
-o-transition: -o-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
-ms-transition: -ms-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
background-color: #e84c3d;
background-image: url(images/prod.png);
background-repeat: no-repeat;
background-position: center center;
}
#hp_icons3 {
width: 76px;
height: 76px;
border-radius: 38px;
float: left;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
-webkit-transition: -webkit-transform 2s, -webkit-border-radius 2s, background 2s, color 2s, font-weight 2s;
-moz-transition: -moz-transform 2s, -moz-border-radius 2s, background 2s, color 2s, font-weight 2s;
-o-transition: -o-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
-ms-transition: -ms-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
background-color: #e84c3d;
background-image: url(images/app.png);
background-repeat: no-repeat;
background-position: center center;
}
#foot_iconsf {
width: 44px;
height: 44px;
border-radius: 22px;
float: right;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
margin: 0px 15px 0px 0;
-webkit-transition: -webkit-transform 2s, -webkit-border-radius 2s, background 2s, color 2s, font-weight 2s;
-moz-transition: -moz-transform 2s, -moz-border-radius 2s, background 2s, color 2s, font-weight 2s;
-o-transition: -o-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
-ms-transition: -ms-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
background-color: #e84c3d;
background-image: url(images/f.png);
background-repeat: no-repeat;
background-position: center center;
}
#foot_iconst {
width: 44px;
height: 44px;
border-radius: 22px;
float: right;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
margin: 0px 15px 0px 0;
-webkit-transition: -webkit-transform 2s, -webkit-border-radius 2s, background 2s, color 2s, font-weight 2s;
-moz-transition: -moz-transform 2s, -moz-border-radius 2s, background 2s, color 2s, font-weight 2s;
-o-transition: -o-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
-ms-transition: -ms-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
background-color: #e84c3d;
background-image: url(images/t.png);
background-repeat: no-repeat;
background-position: center center;
}
#foot_iconsi {
width: 44px;
height: 44px;
border-radius: 22px;
float: right;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
margin: 0px 15px 0px 0;
-webkit-transition: -webkit-transform 2s, -webkit-border-radius 2s, background 2s, color 2s, font-weight 2s;
-moz-transition: -moz-transform 2s, -moz-border-radius 2s, background 2s, color 2s, font-weight 2s;
-o-transition: -o-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
-ms-transition: -ms-transform 2s, border-radius 2s, background 2s, color 2s, font-weight 2s;
background-color: #e84c3d;
background-image: url(images/i.png);
background-repeat: no-repeat;
background-position: center center;
}
#foot_iconsf:hover {
width: 40px;
height: 40px;
background-color: #8f170b;
border: solid 2px #ffffff;
background-image: url(images/f.png);
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}
#foot_iconst:hover {
width: 40px;
height: 40px;
background-color: #8f170b;
border: solid 2px #ffffff;
background-image: url(images/t.png);
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}
#foot_iconsi:hover {
width: 40px;
height: 40px;
background-color: #8f170b;
border: solid 2px #ffffff;
background-image: url(images/i.png);
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}
p {padding: 0 0 20px 0;font-size: 16px;line-height: 22px;}
h1 {
font-size: 25px;
color: #202628;
margin: 0px;
padding: 0 0 20px 0;
font-weight: normal;
text-transform: uppercase;
font-family: 'Fjalla One', sans-serif;
}
h2 {
font-size: 16px;
color: #e84c3d;
font-weight: normal;
padding: 0;
margin: 0px;
line-height: 28px;
}
h3 {
font-size: 20px;
color: #202628;
margin: 0px;
padding: 0px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Fjalla One', sans-serif;
line-height: 40px;
border-bottom: #eeeeee 1px solid;
width: 90%; font-weight:bold
}
.product-box {
margin: 30px 0 0 0;
}
.team-pic {
margin: 30px 0 15px 0;
}
.hp_text {
font-size: 15px;
line-height: 25px;
color: #767c7e;
}
#foot_bg {
width: 100%;
height: 120px;
background: #202628; padding:40px 0; color:#fff; font-size:12px;
}
#foot_bg a { color:#fff; text-decoration:none}
#foot_bg a:hover {color: #e84c3d;}
.fot-le { float: left; }
.fot-le li { display:inline; float:left;}
.fot-le li a {border-left: 1px solid #77808a;padding: 0 10px;}

.fot-re { float: right; margin-top:50px; }
.zxb { width: 75%; margin:0 auto; height:30px; margin-top:10px; font-size:12px;}
.zxb a { color:#333; }
.zxb span { float:right}


.div_33_aplication {
position: relative;
float: left;
width: 31.5%;
margin: 0 1.5% 0 0;
height: 600px;
}
.aplication_title {
position: relative;
width: 100%;
height: 58px;
border-bottom: #eeeeee 1px solid;
border-top: #eeeeee 1px solid;
margin: 0 0 15px 0;
}
.div_33_aplication h2 {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translatex(-50%);
-o-transform: translateY(-50%) translatex(-50%);
transform: translateY(-50%) translatex(-50%);
}
#div_90p {
clear: both;
width: 90%;
text-align: center;
margin: 0 5%;
}
#div_90p img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
}
#div_90p {
clear: both;
width: 90%;
text-align: center;
margin: 0 5%;
}